@function rem($px, $base:40) {
  @return ($px / $base) * 1rem;
}

.logo {
  text-align: center;
  position: fixed;
  top: 10%;
  left: 0;
  width: 100%;

  i {
    font-size: rem(120);
  }

  p {
    font-size: rem(24);
    //color: #bbb;
  }
}

.main {
  text-align: center;

  .form {
    padding: 0 rem(40);
    position: fixed;
    top: 50%;
    left: rem(40);
    right: rem(40);
    margin-top: rem(-260);

    ul {
      li.input {
        border-bottom: #e8e8e8 rem(1) solid;
        margin-top: rem(10);

        input {
          display: block;
          height: rem(72);
          width: 100%;
          text-align: center;
          font-size: rem(28);
          color: #333;
        }

        .sentMsg {
          font-size: rem(24);
          background-color: #000;
          height: rem(40);
          line-height: rem(40);
          color: #fff;
          border-radius: rem(24);
          padding: 0 rem(20);
          display: inline-block;
          margin-bottom: rem(10);
        }
      }
    }

    button {
      display: inline-block;
      height: rem(90);
      line-height: rem(90);
      font-size: rem(32);
      color: #fff;
      background-color: #000;
      border-radius: rem(45);
      width: 100%;
      margin-top: rem(80);
    }

    .register {
      a {
        display: inline-block;
        color: #bbb;
        font-size: rem(24);
      }
    }
  }

  .foot {
    position: fixed;
    bottom: rem(20);
    left: 0;
    right: 0;

    a {
      display: inline-block;
      color: #bbb;
      font-size: rem(24);
    }
  }
}